.row {
  display: flex;
  .col {
    flex: 1;
    &:first-of-type {
      padding: 5px 10px;
      box-sizing: border-box;
    }
    &:nth-of-type(2) {
      background-color: #f1f1f1;
      height: 500px;
      padding: 5px 10px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      row-gap: 20px;
    }
  }
}

.Flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .tips {
    font-weight: normal;
    margin-left: 16px;
    font-size: 12px;
    color: #999;
  }
}

.Tabs {
  display: flex;
  align-items: center;
  span {
    padding: 2px 4px;
    border: 1px solid #a1a1a1;
    color: #a1a1a1;
    cursor: pointer;
    box-sizing: border-box;
    &.activeA,
    &.activeB,
    &.activeC {
      border-color: @color-blue-6;
      color: @color-blue-6;
    }
    &.bln {
      border-left: none;
    }
    &.brn {
      border-right: none;
    }
  }
}
